<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type" />
    <link rel="stylesheet" href="css/shared.css" type="text/css" />
    <link rel="stylesheet" href="css/home.css" type="text/css" />
    <title>smartPhoneViet</title>
</head>
<body>
<div id="wrap">
    <div id="head">

        <div id="main-logo">
            <img src="img/spv-logo.png" alt="smartPhoneViet logo" />
        </div><!-- #main-logo -->

        <div id="head-strip">

            <form action="#" name="frmGSearching" id="frmGSearching" method="get">
                <input type="text" name="txtGKeyword" id="txtGKeyword" title="Nhập từ khóa bất kỳ để tìm kiếm" />
                <button type="submit" id="btnGSearching" name="btnGSearch" title="Tìm kiếm">Tìm</button>
            </form><!-- #frmGSearching - General Searching -->

            <ul id="main-nav">
                <li><a href="#">Trang chủ</a></li>
                <li><a href="#">Tin tức</a></li>
                <li><a href="#">Khuyến mãi</a></li>
                <li><a href="#">Bảng giá</a></li>
                <li><a href="#">Liên hệ</a></li>
            </ul>

        </div><!-- #head-strip -->

    </div><!-- #head -->

    <div id="slide-show">
        <a href="#"><img src="../public/img/slide-show/img1.jpg" alt="slide show image 1" /></a>
    </div><!-- #slide-show -->

    <div id="content">
        <!-- content boxes -->

        <div class="ct-box">
            <h2 class="ct-box-head">Điện thoại mới</h2>

            <ul class="ct-box-content products-box">

            </ul><!-- .ct-box-content .products-box --->

            <div class="ct-box-foot"></div>
        </div>

        <div class="ct-box">
            <h2 class="ct-box-head">Điện thoại bán chạy</h2>
            <div class="ct-box-content products-box">

            </div>
            <div class="ct-box-foot"></div>
        </div>

    </div><!-- #content -->

    <div id="side-bar">

        <!-- boxes within side bar -->
        <div class="sb-box">

            <h2 class="sb-box-head">Đăng nhập</h2>

            <form action="#" method="post" name="frmLogin" id="frmLogin" class="sb-box-content">
                <label for="txtUsername">Tên đăng nhập</label>
                <input type="text" id="txtUsername" name="txtUsername" />

                <label for="txtPassword">Mật khẩu</label>
                <input type="password" id="txtPassword" name="txtPassword" />

                <input type="checkbox" value="true" id="chkRemember" name="chkRemember" />
                <label for="chkRemember">Ghi nhớ mật khẩu</label>

                <button type="submit" id="btnLogin" name="btnLogin">Đăng nhập</button>
            </form>
            <div class="sb-box-foot"></div>
        </div><!-- .sb-box Nhà sản xuất -->

        <div class="sb-box">

            <h2 class="sb-box-head">Nhà sản xuất</h2>

            <ul class="sb-box-content">
                {$hangsx}
            </ul>
            <div class="sb-box-foot"></div>
        </div><!-- .sb-box Nhà sản xuất -->

        <div class="sb-box">

            <h2 class="sb-box-head">Tìm kiếm sản phẩm</h2>

            <form action="#" id="frmDSearching" name="frmDSearching" method="get" class="sb-box-content">

                <label for="lstManufacturer">Nhà sản xuất</label>
                <select name="lstManufacturer" id="lstManufacturer">
                    <option value="ID null">[Chọn nhà sản xuất]</option>
                    <option value="ID Manufacturer 1">Nokia</option>
                    <option value="ID Manufacturer 2">Samsung</option>
                    <option value="ID Manufacturer 3">Sony</option>
                    <option value="ID Manufacturer 4">Apple</option>
                    <option value="ID Manufacturer 5">LG</option>
                    <option value="ID Manufacturer 6">RIM</option>
                </select>

                <label for="lstPrice">Giá</label>
                <select name="lstPrice" id="lstPrice">
                    <option value="ID null">[Chọn mức giá]</option>
                    <option value="ID Price 1">Dưới 4 Triệu</option>
                    <option value="ID Price 2">4 - 6 Triệu</option>
                    <option value="ID Price 3">6 - 8 triệu</option>
                    <option value="ID Price 4">8 - 10 Triệu</option>
                    <option value="ID Price 4">Trên 10 Triệu</option>
                </select>

                <label for="txtProductName">Tên điện thoại</label>
                <input type="text" name="txtProductName" id="txtProductName" />

                <button type="submit" id="btnDSearching" name="btnDSearching">Tìm kiếm</button>

            </form><!-- #frmDSearching - Detail Searching -->
            <div class="sb-box-foot"></div>
        </div><!-- .sb-box Tìm kiếm sản phẩm -->

    </div><!-- #side-bar -->

    <div id="foot">
        <div id="address">
            <h3>SmartPhoneViet Shop</h3>
            <p>
                <em>Địa chỉ:</em> Tân Phú - Long Mỹ - Hậu Giang
            </p>
            <p>
                <em>Điện thoại:</em> 07116 295 253
            </p>
        </div>
        <div id="copyright">
            <p>Thiết kế <strong>VNCoder Group</strong> - 2012</p>
        </div>
    </div>
</div><!-- #wrapper -->
</body>
</html>